<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body>

<form class="layui-form" lay-filter="userForm" id="add_user_form" action="" style="padding:15px 10px;">
    <input type="hidden" name="cIid">
    <div class="layui-form-item">
        <label class="layui-form-label">信息名称</label>
        <div class="layui-input-block">
            <input type="text" name="ciName" required  lay-verify="required" placeholder="请输入信息名称" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">费项类型</label>
        <div class="layui-input-block" >
            <select name="typesid" id="roles_add">
                <option value="-1">请选择</option>
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">费项单价</label>
        <div class="layui-input-block">
            <input type="text" name="price" required lay-verify="required" placeholder="请输入费项单价" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">费项单位</label>
        <div class="layui-input-block">
            <select name="company" id="">
                <option value="/月">月</option>
                <option value="/年">年</option>
                <option value="/季度">季度</option>
                <option value="/学期">学期</option>
            </select>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">费项说明</label>
        <div class="layui-input-block">
            <input type="text" name="charge" required lay-verify="required" placeholder="请输入费项说明" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">费项时间</label>
        <div class="layui-input-block">
            <input type="text" name="ciTime" class="layui-input" id="jkdate" placeholder="yyyy-MM-dd">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">所属园所</label>
        <!--<input type="text" name="glId">-->
        <div class="layui-input-block" id="fuji">
            <input type='radio' name='glId' value='1' title='慧智双语幼儿园'>
            <input type='radio' name='glId' value='2' title='北京乐天幼儿园' >
        </div>
    </div>


    <script>
        layui.form.render();
        $.get("http://localhost:9999/Fxtype/all",function(data){
            $.each(data,function(){
                var opt = $("<option></option>").appendTo("#roles_add");
                opt.text(this.typeName).val(this.typesid);
            });
            layui.form.render();
        });

    </script>
    <script>
        layui.use('laydate', function(){
            var laydate = layui.laydate;
            laydate.render({
                elem: '#jkdate'
            });
        });
    </script>
</form>
</body>
</html>